Skip to content

style: update docs theme to match Ghost blog#12

Merged
bmadcode merged 1 commit intomainfrom
docs-theme-match
Apr 1, 2026
Merged

style: update docs theme to match Ghost blog#12
bmadcode merged 1 commit intomainfrom
docs-theme-match

Conversation

@bmadcode
Copy link
Copy Markdown
Contributor

@bmadcode bmadcode commented Apr 1, 2026

Summary

  • Replace purple/electric blue accent with Ghost blog design tokens (#0a0a0a bg, #3b82f6 accent, #262626 borders)
  • Add Inter, Space Grotesk, JetBrains Mono fonts
  • Remove logo images, use text title
  • Update Banner component colors

Test plan

  • Verified locally on dev server

Replace purple/electric blue accent with Ghost blog design tokens:
- Background #0a0a0a, surface #1a1a1a, borders #262626
- Accent blue #3b82f6, text #fafafa/#a1a1a1/#666666
- Inter body, Space Grotesk headings, JetBrains Mono code
- Remove logo images, use text title
@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented Apr 1, 2026

Warning

Rate limit exceeded

@bmadcode has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 29 minutes and 56 seconds before requesting another review.

Your organization is not enrolled in usage-based pricing. Contact your admin to enable usage-based pricing to continue reviews beyond the rate limit, or try again in 29 minutes and 56 seconds.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 9a40a6c2-ab1d-4ce7-8732-0ebd578b7b51

📥 Commits

Reviewing files that changed from the base of the PR and between 278c360 and 2fc023b.

📒 Files selected for processing (3)
  • website/astro.config.mjs
  • website/src/components/Banner.astro
  • website/src/styles/custom.css
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch docs-theme-match

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@bmadcode bmadcode merged commit 89a52d3 into main Apr 1, 2026
20 checks passed
@augmentcode
Copy link
Copy Markdown

augmentcode Bot commented Apr 1, 2026

🤖 Augment PR Summary

Summary: This PR refreshes the documentation site styling to align with the bmadcode.com Ghost blog look.

Changes:

  • Swaps the purple/electric-blue accents for Ghost-like blue tokens and darker neutral backgrounds/borders
  • Adds typography updates via Inter / Space Grotesk / JetBrains Mono
  • Removes the Starlight logo image configuration so the site uses the text title
  • Updates the AI banner component colors and font to match the new palette

Technical Notes: Most changes are CSS variable/token updates in custom.css, plus a small Starlight config tweak and banner styling adjustments.

🤖 Was this summary useful? React with 👍 or 👎

Copy link
Copy Markdown

@augmentcode augmentcode Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review completed. 1 suggestion posted.

Fix All in Augment

Comment augment review to trigger a new review at any time.

*/

/* Google Fonts - match Ghost blog typography */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@importing Google Fonts from fonts.googleapis.com creates a hard external dependency at runtime; in offline viewing or deployments with a restrictive CSP, the intended typography will silently fall back. Consider whether you need to document required CSP/font domains (or provide a self-hosted alternative) so the theme renders consistently.

Severity: low

Fix This in Augment

🤖 Was this useful? React with 👍 or 👎, or 🚀 if it prevented an incident/outage.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant